<template>
    <div class="v-admin-sy">
        <el-row :gutter="50">
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ adminsList.length }}</div>
                    <div class="text">用户</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ lunbotuList.length }}</div>
                    <div class="text">轮播图</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ shoucangList.length }}</div>
                    <div class="text">收藏</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ wxuserList.length }}</div>
                    <div class="text">微信用户</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ keshiList.length }}</div>
                    <div class="text">科室</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ yuyueList.length }}</div>
                    <div class="text">预约</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ wenjuanList.length }}</div>
                    <div class="text">问卷</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ timuList.length }}</div>
                    <div class="text">题目</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ datiList.length }}</div>
                    <div class="text">答题</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ jieguoList.length }}</div>
                    <div class="text">结果</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ jianyiList.length }}</div>
                    <div class="text">建议</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ fenleiList.length }}</div>
                    <div class="text">分类</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ xinwenList.length }}</div>
                    <div class="text">新闻</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ siliaoList.length }}</div>
                    <div class="text">私聊</div>
                </div>
            </el-col>
            <el-col :span="6" style="margin-bottom: 50px">
                <div class="msg-box">
                    <div class="number">{{ xiaoxiList.length }}</div>
                    <div class="text">消息</div>
                </div>
            </el-col>
        </el-row>
    </div>
</template>
<style type="text/scss" lang="scss">
    .v-admin-sy {
        padding: 0 20px;
        .msg-box {
            padding: 10px;
            background: #ffffff;
            text-align: center;
            .number {
                padding: 10px 0;
                font-size: 36px;
                font-weight: bold;
                color: #900;
            }

            .text {
                font-size: 16px;
                padding-bottom: 10px;
            }
        }
    }
</style>
<script>
    import store from "@/store";
    const setting = require("@/setting");
    export default {
        name: "v-admin-sy",
        data() {
            return {
                setting,
            };
        },
        watch: {},
        computed: {
            adminsList() {
                return store.state.admins.lists;
            },
            lunbotuList() {
                return store.state.lunbotu.lists;
            },
            shoucangList() {
                return store.state.shoucang.lists;
            },
            wxuserList() {
                return store.state.wxuser.lists;
            },
            keshiList() {
                return store.state.keshi.lists;
            },
            yuyueList() {
                return store.state.yuyue.lists;
            },
            wenjuanList() {
                return store.state.wenjuan.lists;
            },
            timuList() {
                return store.state.timu.lists;
            },
            datiList() {
                return store.state.dati.lists;
            },
            jieguoList() {
                return store.state.jieguo.lists;
            },
            jianyiList() {
                return store.state.jianyi.lists;
            },
            fenleiList() {
                return store.state.fenlei.lists;
            },
            xinwenList() {
                return store.state.xinwen.lists;
            },
            siliaoList() {
                return store.state.siliao.lists;
            },
            xiaoxiList() {
                return store.state.xiaoxi.lists;
            },
        },
        methods: {},
        created() {
            store.dispatch("admins/selectAll");

            store.dispatch("lunbotu/selectAll");

            store.dispatch("shoucang/selectAll");

            store.dispatch("wxuser/selectAll");

            store.dispatch("keshi/selectAll");

            store.dispatch("yuyue/selectAll");

            store.dispatch("wenjuan/selectAll");

            store.dispatch("timu/selectAll");

            store.dispatch("dati/selectAll");

            store.dispatch("jieguo/selectAll");

            store.dispatch("jianyi/selectAll");

            store.dispatch("fenlei/selectAll");

            store.dispatch("xinwen/selectAll");

            store.dispatch("siliao/selectAll");

            store.dispatch("xiaoxi/selectAll");
        },
        mounted() {},
        destroyed() {},
    };
</script>
